.banner{overflow: hidden; padding-left: 0; padding-right: 0;}

@media (min-width: 900px){

  .container {

    margin: 0 13.664%;

 }

}

.form-control{box-shadow:none}



/* 轮播 */

.banner{position: relative;height: 100vh;}

.banner .swiper-slide img{ object-fit: cover; height: 100%; width: 100%;}

.banner-txt{position: absolute; left: 2.6rem; right: 2.6rem; top:4.42rem ; color: #fff;}

.banner-txt h3{font-size: .36rem;font-weight: bold;color: #FFFFFF;line-height: 0.55rem;}

.banner-txt p{font-size: 14px; color: #FFFFFF;line-height: 0.4rem; margin-top: 0.12rem; max-width:62% ; margin-bottom: 0.5rem;}

.banner-txt1{position: absolute; left: 2.6rem; right: 2.6rem; top:4.42rem ; color: #000;}

.banner-txt1 h3{font-size: .36rem;font-weight: bold;color: #fff;line-height: 0.55rem;}

.banner-txt1 p{font-size: 14px; color: #fff;line-height: 0.4rem; margin-top: 0.12rem; max-width:62% ; margin-bottom: 0.5rem;}

@media (max-width: 1680px){
    .banner-txt{position: absolute; left: 2.6rem; right: 2.6rem; top:5.12rem ; color: #fff;}
    .banner-txt1{position: absolute; left: 2.6rem; right: 2.6rem; top:5.12rem ; color: #000;}
}

@media (max-width: 1500px){
    .banner-txt{position: absolute; left: 2.6rem; right: 2.6rem; top:5.32rem ; color: #fff;}
    .banner-txt1{position: absolute; left: 2.6rem; right: 2.6rem; top:5.32rem ; color: #000;}
}

@media (max-width: 1440px){
    .banner-txt{position: absolute; left: 2.6rem; right: 2.6rem; top:5.32rem ; color: #fff;}
    .banner-txt1{position: absolute; left: 2.6rem; right: 2.6rem; top:5.32rem ; color: #000;}
}
@media (max-width: 1400px){
    .banner-txt{position: absolute; left: 2.6rem; right: 2.6rem; top:5.62rem ; color: #fff;}
    .banner-txt1{position: absolute; left: 2.6rem; right: 2.6rem; top:5.62rem ; color: #000;}
}
@media (max-width: 1300px){
    .banner-txt{position: absolute; left: 2.6rem; right: 2.6rem; top:5.92rem ; color: #fff;}
    .banner-txt1{position: absolute; left: 2.6rem; right: 2.6rem; top:5.92rem ; color: #000;}
}

.banner-more-btn{ color: #0e7eae; background: #fff; transition: all .3s ease;}



.banner-more-jiantou{background: #0e7eae !important;}

.banner-more-jiantou::after{border-right: 0.02rem solid #0e7eae !important;border-bottom: 0.02rem solid #0e7eae !important;}

.banner-info {display: flex; position: absolute; color: #ffffff; align-items: center; z-index: 35; left: 0;justify-content: center;right: 0;top: 93vh;}

/* .banner-info img{ width: 20px; margin-left: 0.1rem; margin-right: 0.1rem;} */

.page-num{position: absolute;  right: 0; top:87vh;  z-index: 8; color: #ffffff;}

.page-num div{position: relative;  display: flex; align-items: center;}

.page-num span:nth-child(1){font-family: "DIN";font-size: 0.4rem;font-weight: 500;line-height: 0.48rem;}

.page-num #num2{font-family: "DINRegular";}

.banner-line{width: 1.2rem; height: 1px; background: rgba(255, 255, 255, 0.4); display: inline-block; margin-left: 4px;}

.banner .swiper-button-next,.banner .swiper-button-prev{ top: unset; width: 14px; height: 14px; background-size: 14px 14px;}

.banner .swiper-button-prev,.banner  .swiper-container-rtl .swiper-button-next{left: unset; right: 0.59rem;top:89vh;background-image: url(../images/up.png);}

.banner .swiper-button-next,.banner  .swiper-container-rtl .swiper-button-prev{right: 0.59rem;top:93.5vh; background-image: url(../images/down.png);}

.banner-more-btn:hover{background-color: #0e7eae  !important;color: #fff !important; transform: translateY(15px);}

.banner-more-btn:hover .banner-more-jiantou{background: #fff !important;}

.banner-more-btn:hover .banner-more-jiantou::after{border-right: 0.02rem solid #fff !important;border-bottom: 0.02rem solid #fff !important;}

.banner-info .mouse {

  width: 22px;

  height: 32px;

  border: 1px solid #fff;

  border-radius: 40px;

  margin-left: 0.1rem; margin-right: 0.1rem;

  position: relative;

}

.banner-info .mouse:after {

  content: "";

  position: absolute;

  width: 2px;

  height: 8px;

  top: 8px;

  left: 50%;

  margin-left: -1px;

  background: #fff;

  -webkit-animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;

  animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;

}

#banner  .swiper-slide-active .banner-txt h3 {

  -webkit-animation: fadeup1 1s;

  animation: fadeup1 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-delay: 0.1s;

  -webkit-animation-delay: 0.1s;

}
#banner  .swiper-slide-active .banner-txt1 h3 {

  -webkit-animation: fadeup1 1s;

  animation: fadeup1 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-delay: 0.1s;

  -webkit-animation-delay: 0.1s;

}

#banner .swiper-slide-active  .banner-txt p {

  -webkit-animation: fadeup1 1s;

  animation: fadeup1 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-delay: 0.2s;

  -webkit-animation-delay: 0.2s;

}

#banner .swiper-slide-active  .banner-txt1 p {

  -webkit-animation: fadeup1 1s;

  animation: fadeup1 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-delay: 0.2s;

  -webkit-animation-delay: 0.2s;

}
#banner .swiper-slide-active  .banner-txt a{

  -webkit-animation: fadeup1 1s;

  animation: fadeup1 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-delay: 0.3s;

  -webkit-animation-delay: 0.3s;

}
#banner .swiper-slide-active  .banner-txt1 a{

  -webkit-animation: fadeup1 1s;

  animation: fadeup1 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-delay: 0.3s;

  -webkit-animation-delay: 0.3s;

}




@media (max-width: 780px){
.page-num{ display:none;}
  .banner{height: 100%;}
  .banner-info {align-items: normal;}
  .banner-info span{display: none;}
  .banner .swiper-button-prev{top:89%}
  .banner .swiper-button-next{top:93%}
  .banner-info{top: 90%;}
  /*.page-num{top: 80%;}*/
  /* .banner .swiper-slide img{height: 100%; width: unset;} */

  .banner-txt{left: 30px;right: 30px;top: 180px;}

  .banner-txt h3{font-size: 0.36rem; text-align: center;}

  .banner-txt p{max-width: 100%; font-size: 0.25rem; text-align: center;}
  .banner-txt1{left: 30px;right: 30px;top: 180px;}

  .banner-txt1 h3{font-size: 0.36rem; text-align: center;}

  .banner-txt1 p{max-width: 100%; font-size: 0.25rem; text-align: center;}

  /* .banner .swiper-button-prev{top: 66%;}

  .banner .swiper-button-next{top: 70%;}

  .page-num{top: 64.5%;} */



  .num-list{margin-left: 0;}

  .num-list .num-list-item{width: 33.33333%; margin-bottom: 0.3rem; text-align: center;}

  .section-more{margin-top: 0.2rem;}


  .section-more a.more-btn{margin-right: 0;}

  .box:hover {

    flex: 1 1 75%;

  }

  .hezuo-box{ justify-content: left;}

  .hezuo-box  div{width: 33.33333%;margin-bottom: 0.3rem;}

  .hezuo-box  div img{height: 0.7rem;}

  .footer-left-bottom{display: block;margin-top:0}

  .footer-code{justify-content: center;}

  .footer-code div:nth-child(2){margin-right: 0;}

  .footer-info{padding: 0rem 30px 0.3rem; justify-content: center;}

  .footer-info div{text-align: center; flex: 1;}

  .footer-info img{margin: auto;}

  .footer-tel{margin-right: 0.15rem;}

  .footer-copyright{padding: 0.26rem 30px; text-align: center; font-size: 12px;}

  .footer-copyright p{width: 100%;}

  .footer-copyright a{color: #ffffff;}

  .section6 .row{padding-left: 15px; padding-right:15px;}

  .section6-borright{border-bottom: 0.01rem solid #E7E7E9;}

  .section6-time{margin-top: 0.3rem;}

  .box:hover .section4-add{width: 1.4rem;}

  .box:hover .section4-add-btn{width: 1.5rem;}

  .section5-left div{width: 50% ; margin: 0;}

  .section5-left:nth-child(1){/*padding-top: 0;*/}

  .section5-left:nth-child(2){padding-top: 0.35rem;}

  #v-pop .con{width: 83%;}

  .video-box{height: unset;}

  .section6-item p{font-size: 14px;}

}

@keyframes point1 {

  0% {

    transform:scale(.8);

  }



  50% {

    transform: scale(1.2);

  }



  100% {

    transform: scale(.8);

  }

}



.point1 {

  -webkit-animation-name: point1;

  animation-name: point1;

}

@keyframes updown {

  0% {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    -webkit-transform: translateY(-3px);

    -moz-transform: translateY(-3px);

    -ms-transform: translateY(-3px);

    -o-transform: translateY(-3px);

    transform: translateY(-3px);

  }

}

@keyframes fadeup1 {

0% {

  opacity: 0;

  -webkit-transform: translateY(150px);

  -ms-transform: translateY(150px);

  transform: translateY(150px);

}

100% {

  opacity: 1;

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

}

}

@keyframes zoomIn1 {

0% {

  opacity: 0;

  -webkit-transform: scale3d(.3,.3,.3);

  transform: scale3d(.3,.3,.3);

}

50% {

  opacity: 1;

}

}

.fn1 {

  animation-name: fn1;

  animation-duration: 1.2s;

  animation-timing-function: cubic-bezier(0.49, 0.54, 0.16, 1);

}

@keyframes fn1 {

  0% {

    opacity: 0;

    clip-path: inset(100% 0 0 0);

    transform: translate3d(0%, 20px, 0);

  }

  100% {

    opacity: 1;

    clip-path: inset(0 0 0 0);

    transform: none;

}

}

/* 标题栏共用样式 */

.m0-p0{margin: 0  !important;padding: 0 !important;}

.banner-p0{ padding: 0 !important;}

.banner-box{position: relative; height:6.8rem; background-position: center; background-size: cover; text-shadow:5px 2px 6px #000;}

.contact-txt{position: absolute; top: 2.75rem; left:13.668%;color: #ffffff;max-width: 74%;}

.contact-txt h3{font-size: 0.56rem;font-weight: 500;line-height: 0.78rem; margin-bottom: 0.12rem;}

.contact-txt  span{font-size: 0.28rem;font-weight: 500;line-height: 0.4rem;}

.nav-box{
  height: 0.8rem;
   position: absolute; 
   left: 0; 
   bottom: 1px; 
   right: 0; 
   border-top: 1px solid rgba(255,255,255,0.3); 
   color: #ffffff;
   background:url(../picture/bg999.png);
 }

.nav-title{text-align: center;white-space: nowrap;overflow-y: hidden;overflow-x: auto;height: 0.8rem; font-size: 0px;}

.item-a {

  color: #ffffff;

  display: inline-block; 



  height: 0.8rem; 



  line-height:0.8rem;



  text-align: center;



  position: relative;



  overflow: hidden;



}



.item-a::after{



content: ''; position: absolute; height: 0.2rem;  top: 50%; right: 0;width: 0.01rem;background: rgba(255,255,255,0.3);margin-top: -0.1rem;



}



.item-a:hover::after,.item-a.on::after,.item-a:last-child::after{background:transparent}



.item-a .icon {



display: inline-block;



vertical-align: middle;



width: .22rem;



height: .22rem;



position: relative;



margin-right: .1rem;



z-index: 2;



}



.item-a span {



font-size: 0.16rem;



color: #ffffff;



display: inline-block;



vertical-align: middle;



position: relative;



z-index: 2;



transition: all .3s ease;



}



.item-a.on{background: #0e7eae;}





.item-a .icon img {

  position: absolute;

  left: 0;

  top: 0;

  transition: all .3s ease;

}

.nav-title a img {

  display: inline-block;

  width: 0.2rem;

}



.item-a.on span ,.item-a:hover span{



	color: #fff;



}



.item-a::before{



	content: "";



	position: absolute;



	left: 0;



	top: 0;



	bottom: 0;



	width: 0;



	transition: all .3s ease;



}

.item-a:hover::before{

	background-color: #0e7eae;width:100%;

}

.sub-nav-title{background: #FFFFFF;  height: 1rem; display: flex;align-items: center; justify-content: center; border-bottom: 0.01rem solid #F0F1F2;}

.sub-nav-title a{padding: 0 0.4rem; height: 0.48rem; display: inline-flex;  line-height: 0.48rem; color: #999999;font-size: 0.16rem;border: 1px solid #CBCCCD;border-radius: 0.24rem; transition: all .3s ease; margin-right: 0.3rem;}

.sub-nav-title a.on,.sub-nav-title a:hover{background: #0e7eae; border: 1px solid #0e7eae; color: #fff;}

/* 手机端标题栏 */

.mobile-contact-nav{background-color: #0e7eae;box-shadow: 0px 10px 30px 0px rgb(51 51 51 / 8%);}

.mobile-item-active{height: 50px; position: relative; padding-right: 20px;  }

.mobile-item-active::after{content: ''; position: absolute; width: 10px; height: 10px; right: 5px;border-top: 2px solid #d0d0d0;border-right: 2px solid #d0d0d0;transform: rotate(45deg); top: 50%; margin-top: -5px;transition: all 0.3s;}

.mobile-item-active.is-active::after{ transform: rotate(135deg); }

.mobile-item-active a{font-size: 0.2rem;color: #ffffff; line-height: 50px;}

.mobile-item-active{height: 50px; line-height: 50px;}

.mobile-item-active img{width: 18px; display: inline-block; margin-top: -0.01rem; }

.mobile-item-list{display: none; opacity: 0.7;}

.mobile-contact-nav-title ul {padding: 0; margin: 0;}

.mobile-contact-nav-title ul li a{padding: 0.2rem ;font-size: 0.2rem;color: #ffffff;line-height: 20px; display: block;position: relative;}

.mobile-contact-nav-title ul li .mobile-sub-item a{display: block; padding: 0.1rem; line-height: 20px;padding-left: 25px;font-size: 0.2rem;color: #ffffff; border-bottom: 0; }

.mobile-sub-item{display: none;}

.mobile-item-list a,.mobile-sub-item{border-bottom: 1px solid #dbdbdb;}

.sub-active::after{content: ''; position: absolute; width: 10px; height: 10px; right: 5px;border-top: 2px solid #d0d0d0;border-right: 2px solid #d0d0d0;transform: rotate(45deg); top: 50%; margin-top: -5px;transition: all 0.3s;}

li.is-active  .sub-active::after{ transform: rotate(135deg); }

.mobile-item-list li a.on{color: #ffffff;}

.mobile-contact-nav-title ul li a img {

  display: inline-block;

  width: 20px;

  margin-right: 3px;

}

/* 资料中心 */

.about-padlr{padding-left: 0.54rem;padding-right: 0.54rem;}

.dataCenter-content-bg{background: #F5F6F8; }

.content-title{display: flex; align-items: center; justify-content: space-between; margin-top: 0.6rem; margin-bottom: 0.84rem; }

.content-title-h4{font-size: 0.4rem;font-weight: 400;color: #212121;line-height: 0.54rem;}

.tab-title{display: flex; justify-content: end; align-items: center;}

.tab-title a{ margin-left: 0.54rem;font-size: 0.2rem;line-height: 0.28rem;font-weight: 400;color: #333333; transition: all .3s ease;}

.tab-title a.on,.tab-title a:hover{color:#0e7eae ;}

.dataCenter-content-list{display: none; flex-wrap: wrap; justify-content: space-between; align-items: left; margin-bottom: 0.8rem;}

.dataCenter-content-list .dataCenter-content-items{ display: flex;  width: 50%;height: 0.8rem; margin-bottom: 0.4rem;}

.dataCenter-content-list .dataCenter-content-item{display: flex; background: #FFFFFF; width: 97%;align-items: center;justify-content: space-between; transform: translateY(0); transition: all 0.6s ease;}

.dataCenter-content-list .dataCenter-content-items:nth-child(even)  .dataCenter-content-item{ margin-left: 3%;}

.dataCenter-content-list .dataCenter-content-item img.item-img1{ width: 0.28rem; margin-left: 0.38rem; margin-right: 0.26rem;}

.dataCenter-content-list .dataCenter-content-item img.item-img2{ width: 0.32rem;  margin-right: 0.3rem;}

.dataCenter-content-list .dataCenter-content-item p{ flex-wrap: 1; color: #212121; width: 100%;font-size: 0.18rem;font-weight: 400;}

.dataCenter-content-list .dataCenter-content-item:hover{transform: translateY(-15px);}

.dataCenter-content-list.active{display: flex;}

.dataCenter-content-list.active{

  -webkit-animation: fadeup1 1s;

  animation: fadeup1 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;}

/*维保服务  */

.MaintenanceService{padding-top: 0.8rem; padding-bottom: 1.2rem;}

.MaintenanceService-content{margin-top: 0.7rem; margin-bottom: 0.8rem;}

.MaintenanceService-content h6{font-size: 16px;font-weight: 500;color: #212121;line-height: 22px;}

.MaintenanceService-content p{font-size: 0.18rem;font-weight: 400;color: #6B6F78;line-height: 0.32rem; margin-bottom: 0.4rem;}

.form-box{ margin-top: 0.5rem;border: 1px solid #DFE2EB; padding: 0.83rem 1.4rem; border-radius: 4px;}

.form-box .form-inline .form-group{ width: 48%;background: #F5F6F7;  height: 0.6rem; line-height: 0.6rem;  overflow: hidden; margin-bottom: 0.4rem;position: relative;}

.form-box .form-inline .form-group .form-control{width: 100%; background: transparent; border: 0;height: 0.6rem; padding-left: 0.3rem;}

.form-box .form-inline .form-group:nth-child(odd){margin-right: 3.6%;}

.form-box .textarea-group{width: 100%  !important; margin-right: 0; height: 2rem !important;}

.form-box .textarea-group textarea{height: 2rem !important;}

.form-box .btn-default{height: 0.6rem;  background: #0e7eae;border-radius: 4px; width: 3rem; color: #fff;font-size: 16px;font-weight: 400;}

.form-box em{color:#EC3030; }

.form-box .form-inline .form-group.required::after{top: 0.05rem !important;}

.form-box .textarea-group .form-control{line-height: 0.5rem;}

/* 服务热线 */

.hotline{ margin-top: 0.6rem;margin-bottom: 0.88rem;}

.hotline-p,.hotline p{font-size: 0.18rem;font-weight: 400;color: #6B6F78;line-height: 0.32rem; margin-top: 0.2rem;  margin-bottom:0.2rem ;}

.martop153{ margin-top: 1.53rem;}

.hotline2-bg{background: url(../images/hotline-bg.png) no-repeat; background-size: auto 81%; background-position: left top; }

.hotline-section2-list{display: flex; justify-content: space-between; margin-bottom: 3.13rem;flex-wrap: wrap;}

.hotline-list-item{display: flex; justify-content: center;align-items: center; }

.hotline-list-item span{font-size:0.92rem;font-family: "DIN";font-weight: 500;color: #0e7eae;line-height: 1.11rem;text-shadow: 2px 5px 7px #C5D2EE; margin-right: 0.15rem;}

.hotline-list-item div p{font-size: 0.17rem;font-weight: 500;color: #696D76;line-height: 0.33rem;}

.hotline-list-item div p:nth-child(1){font-size: 0.20rem;color: #091221;line-height: 0.28rem;}

.hotline-section3-list{display: flex; margin-bottom: 1.73rem;}

.hotline-section3-list div:nth-child(1){margin-right: 0.88rem;}

.hotline-section3-list div p:nth-child(1){font-size: 0.16rem;font-weight: 500;color: #A5A5A5;line-height: 0.32rem; }

.hotline-section3-list div p:nth-child(2){font-size: 0.30rem;font-weight: 500;color: #212121;line-height: 0.32rem;font-family: "DIN"; margin-top: 0.06rem;}



/* 常见问题 */

.FrequentlyAskedQuestion-content{padding: 0 1.6rem;}



.dataCenter-content-list .FrequentlyAskedQuestion-content-items{width: 100%; display: block;  height: unset;}

.dataCenter-content-list .FrequentlyAskedQuestion-content-items .dataCenter-content-item{width: 100%;line-height: 0.8rem; height: 0.8rem; cursor: pointer;}

.dataCenter-content-list .FrequentlyAskedQuestion-content-items .dataCenter-content-item img.item-img1{width: 0.24rem; margin-left: 0.4rem; margin-right: 0.4rem;}

.FrequentlyAskedQuestion-content-box{width: 100%;  background: #fff; border-top: 1px solid #eaeaea; padding: 0.28rem 1.04rem 0.56rem; position: relative;color: #212121;display: none;}

.question-a{ width: 0.24rem; position: absolute; left: 0.4rem; top: 0.28rem;}

.FrequentlyAskedQuestion-content-box h4{font-size: 0.18rem;font-weight: 400;line-height: 0.25rem; margin-bottom: 0.08rem;}

.FrequentlyAskedQuestion-content-box  p{font-size: 0.16rem;font-weight: 400;line-height: 0.26rem; color: #999999; }

.martop30{margin-top: 0.3rem;}

.dataCenter-content-list .FrequentlyAskedQuestion-content-items .dataCenter-content-item:hover{transform: translateY(0px);}

.icon-up{width: 24px; height:24px; display: inline-block; border: 1px solid #0e7eae; position: relative; border-radius: 50%; margin-right: 0.4rem;}

.icon-up::after{content: '';width: 0.08rem; height: 0.08rem; border-top: 1px solid #0e7eae;border-right: 1px solid #0e7eae; transform: rotate(-45deg); position: absolute; left: 50%; margin-left: -0.04rem; top: 50%; margin-top: -0.01rem;transition: all .3s linear;}

.FrequentlyAskedQuestion-content-items .dataCenter-content-item.on .icon-up::after{transform: matrix(1,0,0,1,0,6)  rotate(-225deg);margin-top: -0.1rem;}

.FrequentlyAskedQuestion-content-items:nth-child(even) .dataCenter-content-item{margin-left: 0 !important;}



/* 简介 */

.about-banner{position: fixed; z-index: 5; width: 100vw; }

.about-container{margin: 0 10%;}

.about-section2-bg{background: url(../images/bg-img.png) no-repeat ; position: absolute; background-position:  right top;top:73vh;pointer-events: none; z-index: 8; min-height: 90vh;overflow: hidden; width: 100%; background-color: #ffffff;}

.about-section2{ display: flex; padding-top:0.81rem ; padding-bottom: 0.56rem;}

.about-section2-right{flex: 1;  /*padding-left: 1rem; padding-top:1.57rem ;*/ padding-right: 0;}

.about-section2-right h4{font-size: 0.36rem;font-weight: 600;color: #333333;line-height: 0.54rem; margin-bottom: 0.3rem;}

.about-section2-right p{font-size: 16px;font-weight: 400;color: #333333;line-height:32px; }

/*.about-section3{position: absolute;z-index: 8; top: 163vh; height: 120vh; background-color: #ffffff; width: 100%;}*/
.aboutbox1{position: relative;}
.about-section3-left{ position: relative; left: 0;width: 55%;background: url(../images/bg2.jpg) no-repeat;  background-position: bottom right; padding-left: 13.664%; background-size: cover;padding-right: 3%; padding-top: 0.8rem; padding-bottom: 1.56rem; z-index: 8; margin-top: 0.7rem; height: 650px;  transition: all .3s ease;  transform: translate3d(0,0,0);}



.about-section3-left h4{font-size: 0.36rem;font-weight: 600;color: #FFFFFF;line-height:0.54rem; margin-bottom: 0.4rem;width: 6.8rem;}

.about-section3-left p{font-size: 16px;font-weight: 400;color: #FFFFFF;line-height: 32px; margin-bottom: 0.1rem; width: 6.8rem;}

.about-section3-right{position: absolute; right: 0; top: -50px;  width: 55%;z-index: 5; min-height: 200px;font-size: 100px}

.about-section3-right img:nth-child(1){max-width: 95%; margin-left: 5%;height: 680px;}

.about-section4{position: absolute; top: 283vh; width: 100%; background-color: #ffffff; height: 160vh; z-index: 8; padding-top: 1.2rem;}

.about-section4 .about-section4-title{ background: url(../images/technology@2x.png) no-repeat; background-size: 100%; min-height: 1.83rem; text-align: center; padding-top: 0.4rem; }

.about-section4 .about-section4-title p{font-size: 0.24rem;font-weight: 600;color: #333333;line-height: 0.41rem;  }

.about-section4-num{display: flex; justify-content:space-between; align-items: center; margin-top: 0.68rem;}


.about-section4-num .about-section4-num-item{flex: 1; text-align: center;}

.about-section4-num .about-section4-num-item p{font-size: 16px;font-weight: 400;line-height: 22px;color: #333333;}

.about-section4-num .about-section4-num-item p:nth-child(1){color: #0e7eae; margin-bottom: 0.02rem;}

.about-section4-num .about-section4-num-item p:nth-child(1) span{font-size: 0.64rem;font-weight: bold;color: #0e7eae;line-height: 0.78rem;}

.about-section4-video{ margin-top: 1.1rem; width: 100%; height: 7.8rem; margin-bottom: 1.4rem;}

.about-video-cover{background: url(../images/about-cover.jpg) no-repeat; background-size: cover;}

.about-video-cover::after{background: no-repeat; opacity: 1;}

.about-section4-video .about-video{display: none; object-fit: cover; width: 100%; height: 100%;}

.about-section5{position: absolute; top: 443vh; width: 100%; background: transparent; height: 6rem;z-index: 20;}

/* 品牌理念 */

.brand-container{margin: 0 10%;}

.brand{padding: 0.8rem 0 1rem;}

.brand p{font-size: 14px;font-weight: 400;color: #333333;line-height: 28px;  margin: auto;margin-top: 0.3rem; margin-bottom: 0.8rem;}

.brand-p-width{max-width: 62%; }

.brand-img-item{height: 5.8rem; margin-bottom: 0.4rem; position: relative;}

.brand-img-item img{object-fit: cover; width: 100%; height: 100%;}

.brand-txt {position: absolute; left: 0; right: 0; top: 0; bottom: 0; color: #fff; text-align: center;}

.brand-txt h3{font-size: 0.48rem;font-weight: 500;line-height: 0.67rem; margin-top: 2.22rem;}

.brand-txt p{font-size: 0.18rem;font-weight: 400;line-height: 0.25rem; margin: auto; margin-top: 0.04rem;color: #fff; margin-bottom: 0.32rem; max-width: 80%;}

.brand-txt .brand-line{display: inline-block; margin: auto; width: 0.68rem; height: 0.06rem; background: #0e7eae; transition: all .5s ease; position: relative; }

.brand-img-item:hover .brand-txt .brand-line{width: 1rem; }

/* 人才团队 */

.teams{padding: 0.8rem 0 0.5rem;}

.teams-p-width{max-width: 75% }

.teams-bg{background: url(../images/bg-img.png) no-repeat; background-position: -15% right;margin-top: 1rem !important;}

.teams-container{ margin: 0 8.664%;}

.teams-slide{position: relative;}

.teams-slide img{object-fit: cover; height: 100%; width: 100%;}

.teams-slide .teams-txt {position: absolute; bottom:0.32rem ; left: 0.3rem;}

.teams-slide .teams-txt p{font-size: 0.24rem;font-weight: 400;color: #FFFFFF;line-height: 0.33rem;margin-bottom: 0.05rem;}

.teams-slide .teams-txt span{font-size: 0.16rem;font-weight: 400;color: #FFFFFF;line-height: 0.22rem; }

.teams-case {position: relative; padding: 0 6%; }

/*.teams-slide:nth-child(even){ margin-top: 0.8rem;}*/

.teams-case.pre-next-btn .swiper-button-prev{left: 0 !important;}

.teams-case.pre-next-btn .swiper-button-next{right: 2px !important;}

/* 历史记录 */

.history-title{ padding-top: 1.25rem; padding-bottom: 0.85rem;}



/* 发展历程 */

.history-bar{ height:1rem; position: relative; background: #fff; margin-bottom: 1rem;}



.history-thumbs{position: relative; top: 0;  left: 0; z-index: 10;  overflow: hidden; }

.history-thumbs::before{position: absolute; left: 0;  top: 50%; width: 100%;  height: 1px; content: '';z-index: 3; background: #e5e5e5;}



.swiper-slide {



	background-size: cover;



	background-position: center;



}



#gallery-thumbs {



 box-sizing: border-box;

 z-index: 5;



}



#gallery-thumbs .swiper-slide {



	width: 14.2857143%;



	height: 100%;



	/* opacity: 0.4; */



}



.swiper-slide-thumbs-item{ text-align: center; cursor: pointer;}



.swiper-slide-thumbs-item-top{ height: 1rem; position: relative; top: -0.01rem; z-index: 10;}

.swiper-slide-thumbs-item-top .history-dot {position: absolute; width: 0.09rem; height: 0.09rem; background: #C1C1C1; border-radius: 50%; left: 50%; top: 50%; z-index: 15; margin-left: -0.045rem; margin-top: -0.025rem; transition: all .3s ease;}



.swiper-slide-thumbs-item p{font-size: 0.18rem; font-family: "DIN-blod"; color: #212121; transition: all .3s ease;}



#gallery-thumbs .swiper-slide-thumb-active .swiper-slide-thumbs-item-top .history-dot{

  width: 0.15rem; height: 0.15rem;

  background: #FFFFFF;

  border: 0.03rem solid #0e7eae;

  margin-left: -0.075rem; margin-top: -0.055rem;

}



 #gallery-thumbs .swiper-slide-thumb-active .swiper-slide-thumbs-item p{

  color: #0e7eae;

}





.history #gallery-top {



	height: 80%;



	width: 100%;



}

.history{background: url(../images/history-bg.png) no-repeat; background-position: left top;background-size: cover; min-height: 5.4rem;}

.history .history-content{  position: relative; z-index: 30;  }



.history .swiper-button-next,.history  .swiper-button-prev{



	top: 0.5rem;



	width: 0.32rem;



	height: 0.32rem;



	background-size:100%;



 	background-repeat: no-repeat;



 	margin-top: -0.16rem;



} 



.pre-next-btn .swiper-button-prev,.pre-next-btn .swiper-button-next{ width: 0.42rem; height: 0.42rem; border-radius: 50%; background-color: #0e7eae; background-image: none;  }

.pre-next-btn .swiper-button-prev.swiper-button-disabled,.pre-next-btn .swiper-button-next.swiper-button-disabled{ border: 1px solid #E5E5E5; background-color: transparent;opacity: 1;}

.pre-next-btn .swiper-button-prev{left: 1.68rem;}

.pre-next-btn .swiper-button-next{right: 1.68rem;}

.pre-next-btn .swiper-button-prev::after{content: ''; width: 0.1rem; height: 0.1rem; border-top: 1px solid #ffffff;border-right: 1px solid #ffffff; transform: rotate(-135deg); left: 50%; top: 50%; margin-left: -0.025rem; margin-top: -0.05rem;position: absolute;}

.pre-next-btn .swiper-button-next::after{content: ''; width: 0.1rem; height: 0.1rem; border-top: 1px solid #ffffff;border-right: 1px solid #ffffff; transform: rotate(45deg); left: 50%; top: 50%; margin-left: -0.06rem; margin-top: -0.05rem;position: absolute;}

.pre-next-btn .swiper-button-disabled.swiper-button-prev::after{ border-top: 1px solid #E5E5E5;border-right: 1px solid #E5E5E5;}

.pre-next-btn .swiper-button-disabled.swiper-button-next::after{ border-top: 1px solid #E5E5E5;border-right: 1px solid #E5E5E5;}



.history #gallery-top .history-content-left img{max-width: 95%;}



.history #gallery-top .history-content-right{padding-left: 0.35rem;padding-bottom: 0.4rem;}



#gallery-top .history-content-right h2{ font-size: 1.5rem;color: #0e7eae; margin-bottom: 0.4rem;font-family: "DIN-blod"; }

#gallery-top .history-content-right p{ font-size: 0.18rem; line-height: 0.24rem; color: #333333; margin-bottom: 0.1rem;}

#gallery-top .history-content-right p span{font-family: "DIN-blod"; color: #8C8C8C;font-size: 0.19rem;line-height: 0.28rem;font-weight: bold;}

/* 知识产权 */

.intellectualProperty-top{padding: 0.2rem 1.8rem 0.8rem;}

.intellectualProperty-top p{ margin-top: 0.3rem;font-size: 14px;font-weight: 400;color: #333333;line-height: 28px;}

.intellectualProperty-list-img{padding-bottom:0 !important;}

.intellectualProperty-list-img img{object-fit: contain; height: 100%; width: 100%; }

 /* 荣誉 */

 @media (min-width: 990px){



	.product-item-padl20-padr20{padding-left: 20px ;padding-right: 20px ;}



	.product-margl5{margin-left: -5px;}

	}

 .honour{ padding-top: 0.4rem;}



.honour-top{padding: 0.2rem 0.7rem; background: #ffffff;}

.honour-top-left{height: 3.6rem;}

.honour-top-left img{object-fit: contain; height: 100%;}

.honour-top-right{ padding-left: 0.93rem; padding-top: 1rem;}



.honour-top-right h5{color: #333333; font-size: 0.38rem; line-height: 0.34rem; position: relative; margin-bottom:0.9rem ;}



.honour-btn {display: flex;width: 1.2rem;border: 1px solid #888888;color: #888888;height: 0.36rem;font-size: 0.12rem;border-radius: 0.02rem; line-height: 0.36rem; justify-content: center; align-items: center; position: relative; cursor: pointer;}

.honour-btn::before{content: ''; position: absolute; left: 0;top: 0; width: 0; transition: all .3s ease; height: 100%; z-index: 10;}

.honour-btn span{position: relative; z-index: 15;transition: all .3s ease;}

.more-icon{display: inline-block; width: 0.1rem; height: 0.01rem; background: #888888; position: relative; margin-left: 0.08rem; z-index: 15;transition: all .3s ease;}

.more-icon::after{content: ''; width: 0.06rem; height: 0.06rem; border-top: 0.01rem solid #888888;border-right: 0.01rem solid #888888; position: absolute; right:0 ; top: -0.02rem; transform: rotate(45deg); transition: all .3s ease;}



.honour-case-bottom{padding-bottom: 0.8rem;}

.honour-case-bottom .product-item .product-item-img img{ object-fit: contain; height: 100%; width: 100%; transition: all .3s ;}

.honour-btn:hover::before { width: 100%; background: #0e7eae; }

.honour-btn:hover span{color: #FFFFFF;}

.honour-btn:hover .more-icon{background: #ffffff;}

.honour-btn:hover .more-icon::after{border-top: 0.01rem solid #ffffff;border-right: 0.01rem solid #ffffff;}

/* 弹出框 */

.honour-big-box{

	display: none;

	position: fixed;

	background: rgba(0, 0, 0,0.65);

	z-index: 9999999;

	left: 0;

	right: 0;

	bottom: 0;

	top: 0;}

.honour-big-img{

		width: 76%;

		min-height: 25vh;

		margin-top: 25vh;

		margin-left: 12%;

		text-align: center;

	}

	.honour-big-img > div{position: relative; display: inline-block;}

	.honour-big-img .close1{position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; border-radius: 50%;background: #ffffff;	opacity: 1; text-align: center;line-height: 40px; cursor: pointer;}

	.honour-big-img .close1::before{content: '';width: 20px; height: 2px; background: #999; position: absolute; left: 50%; margin-left: -10px; transform: rotate(45deg); top: 50%; margin-top: -1px;}

	.honour-big-img .close1::after{content: '';width: 20px; height: 2px; background: #999; position: absolute; left: 50%; margin-left: -10px;transform: rotate(-45deg);top: 50%; margin-top: -1px;}

	.honour-big-img > div img{

		max-width: 100%;

		margin: auto;

	

  }

  .product-list{padding-top: 0.6rem;  padding-left: 0; padding-right: 0;}



.product-item{  position: relative;top: 0;cursor: pointer; transition: all .3s; margin-bottom: 0.4rem; background-color: #ffffff;  text-align: center;}



.product-item-img{height: 4.2rem;padding: 0.2rem; overflow: hidden; }



.product-item .product-item-img img{ object-fit: cover; height: 100%; width: 100%; }



.product-item p{font-size: 16px; padding: 0.25rem 0.1rem ;}



.product-item:hover { top: 10px;box-shadow: 0px 10px 30px 0px rgba(51, 51, 51, 0.08);}

.product-list a:hover { color: #333;}

/* 新闻动态 轮播 */



.news-section1{margin-top: 0.4rem; margin-bottom: 0.75rem;}



.news-slide .swiper-wrapper{padding-bottom: 0.5rem;}

.news-slide .swiper-wrapper .swiper-slide{background: #ffffff; box-shadow: 0px 4px 10px 0px rgba(136, 136, 136, 0.1);}



.padright0{padding-right: 0px;  }



.news-section1-left{padding: 0.4rem;}

.news-section1-left img{height: 3.36rem; object-fit: cover; width: 100%;}

.news-p-time span{font-size: 0.16rem; color: #888888;font-weight: 400; font-family: "DINRegular";line-height: 0.24rem;}



.news-section1-right{padding:0.6rem  0.42rem 0.5rem 0.1rem; height: 4.16rem; overflow: hidden;}

.news-section1-right h3{ font-size: 0.26rem; line-height: 0.34rem; color: #333333; margin-bottom: 0.19rem; margin-top: 0.26rem;font-weight: 500; height: 0.34rem; overflow: hidden;}

.news-section1-right:hover h3{color: #0e7eae;}

.news-slide-txt{font-size: 0.16rem; line-height: 0.3rem; margin-bottom: 1.07rem;color: #888888;font-weight: 400; height: 0.6rem; overflow: hidden;}

.swiper-pagination-bullet{border: 2px solid rgba(50,66,92,1); background: none;}

.swiper-pagination-bullet.swiper-pagination-bullet-active{border: 0; background: #0e7eae;}

@media (min-width: 990px){



	.news-section1 .col-md-7 ,.news-section1 .col-lg-7{width: 56%;} 



	.news-section1 .col-md-5 ,.news-section1 .col-lg-5{width: 44%;}



	}



.mr0-ml0{margin-left: 0; margin-right: 0;}

.news-item{text-align: left;}

.news-item-img{height: 2.9rem; overflow: hidden; padding: 0;}

.news-item-img img{transition: all .3s ease; transform: scale(1);}

.news-item-content{ padding: 0.31rem 0.34rem 0.23rem;}

.news-item-content h3{font-size: 0.22rem;font-weight: 500;color: #333333;line-height: 0.34rem;transition: all .3s ease;}

.news-item-content p{font-size: 0.14rem;font-weight: 400;color: #888888;line-height: 0.24rem;}

.news-item-content p.news-item-p1{ height: 0.48rem; overflow: hidden; padding: 0; margin-top: 0.19rem; margin-bottom:0.47rem ;transition: all .3s ease;}

.news-item-content p.news-item-p2{font-family: "DINRegular"; display: flex; align-items: center; justify-content: space-between;padding: 0; height: 0.36rem;}

.news-item-content p.news-item-p2 .honour-btn{transform: scale(0); display: none; transition: all .8s ease;}

.news-item:hover{top: 0;}

.news-item:hover .news-item-content h3,.news-item:hover .news-item-content p.news-item-p1{color: #0e7eae;}

.news-item:hover .news-item-content .honour-btn{ transform: scale(1);display: flex;}

.news-item:hover .news-item-content .news-jiantou{display: none;}

.news-item:hover .news-item-img img{transform: scale(1.1);}

.news-list{padding-bottom: 1.2rem; margin-top: -0.9rem;}

/* 行业热点 */

.news2-bg{background: #F5F6F8;}

.news-section3 {padding-top: 0.3rem; padding-bottom: 1.2rem;}



.weui-media-box_appmsg{



	display: -webkit-box;



	display: -webkit-flex;



	display: flex;



	-webkit-box-align: center;



	-webkit-align-items: top;



	align-items: top;



	}



	.weui-media-box__title {



		font-weight: 400;



		font-size: 0.22rem;



		line-height: 0.34rem;



		color: #333333;



		width: auto;



		overflow: hidden;



		text-overflow: ellipsis;



		white-space: nowrap;



		word-wrap: normal;



		word-wrap: break-word;



		-webkit-hyphens: auto;



		hyphens: auto;



		transition: all .3s;



	}



.weui-media-box{padding: 0.3rem 0; position: relative;}



.weui-media-box_appmsg .weui-media-box__hd {



	margin-left: 5.79%;



	width: 28.43%;



	max-height: 2.3rem;



	/* line-height: 2.5rem; */



	text-align: center;

	overflow: hidden;



}



.weui-media-box_appmsg .weui-media-box__thumb {



	width: 100%;



	max-height: 100%;



	vertical-align: top;



	transition: all .3s;



	object-fit: cover;

  

}



.weui-media-box_appmsg .weui-media-box__bd {



	-webkit-box-flex: 1;



	-webkit-flex: 1;



	flex: 1;



  min-width: 0;

  position: relative;

  border-bottom: 0.01rem solid #E5E5E5;



}

.weui-media-box_appmsg .weui-media-box__bd::after{

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  background-color: #0e7eae;

  height: 1px;

  width: 0;

  opacity: 0;

  transition: all 0.6s ease-out;

  -webkit-transition: all 0.6s ease-out;

}





.weui-media-box__desc {



	color: #888888;



  font-size: 0.16rem;

  font-weight: 400;



	line-height: 0.3rem;



	padding-top: 3.1%;



	overflow: hidden;



	text-overflow: ellipsis;



	display: -webkit-box;



	-webkit-box-orient: vertical;



	-webkit-line-clamp: 2;



	word-wrap: break-word;



	-webkit-hyphens: auto;



	hyphens: auto;



}



.time-more{



  font-family:"DINRegular";

  

  font-size: 0.14rem;

  font-weight: 400;

  line-height: 0.24rem;

  color: #888888;

  margin-bottom: 0.21rem;

  padding-top: 0;



	transition: all .3s;



}



.weui-media-box:hover .weui-media-box__title,.weui-media-box:hover .weui-media-box__desc{ color: #0e7eae;}



.weui-media-box .weui-media-box__thumb:hover{transform: scale(1.1);}

.weui-media-box:hover  .weui-media-box__bd::after{width:100%; opacity: 1;}

/* 新闻页分页 */

.news-pages{margin-top: 0.5rem;}

 .pager li>a, .pager li>span{width: 0.5rem; height: 0.5rem; text-align: center; line-height: 0.5rem; background: #ffffff;color: #666666; border-radius: 50%;padding: 0;margin-right: 0.3rem;}

.pager li>a.active{background: #0e7eae; color: #ffffff;}

.pager li>a:hover{border: 1px solid #0e7eae; color: #0e7eae; background: #ffffff;}

/* 新闻详情页 */

.newsDetail{background: #F5F6F8; padding-top: 0.4rem;}



.breadcrumb.news-detal-breadcrumb{background: transparent; color: #666; flex: 12;justify-content:unset; margin-bottom: 0.3rem}



.breadcrumb.news-detal-breadcrumb>li+li:before{content: ">";color: #666;}



.news-content-box{padding: 0.85rem 2rem 0.65rem; background: #fff; margin-bottom: 1rem;}



.news-del-title{border-bottom: 0.01rem solid #E5E5E5;}



.news-del-title h3{color: #212121;font-size: 0.28rem; line-height: 0.4rem; margin-bottom: 0.4rem;font-weight: 500;}



.news-del-title p {margin-bottom: 0.3rem;}



.news-del-title p span{color: #919191;font-size: 0.14rem; line-height: 0.26rem; margin-right: 0.43rem;font-family: "DINRegular"; }



.news-del-content{padding: 0.5rem 0  0.8rem; font-size: 0.16rem;border-bottom: 0.01rem solid rgb(240, 240, 240); overflow: hidden;}



.news-del-content img{max-width: 100%;}

.news-del-content p{line-height: 0.28rem;}



.news-del-content *{font-size: inherit;}



.news-del-link{padding-top: 0.5rem;}



.news-del-link p{font-size: 0.16rem; line-height: 0.28rem; margin-bottom: 0.48rem;color: #212121;}



.news-del-link p a{padding: 0.15rem 0.35rem; background: #f6f6f6; margin-right: 0.26rem; display: inline-block;}



@media (max-width: 950px){



	.news-content-box{padding: 0.85rem 0.5rem 0.65rem; background: #fff; margin-bottom: 1rem;}



}

/* 联系我们 */

.contact-1{margin-top: 0.78rem; }



.contact-1 .contact-list{position: relative; height: 0.80rem;}



.contact-1 .contact-list img{position: absolute; width: 0.72rem;}



.contact-1 .contact-list div{padding-left: 0.9rem;}



.contact-1 div p{font-size: 0.18rem;color: #8C9199;font-weight: 500;line-height: 0.25rem;}

.contact-1 div p:nth-child(2){color: #212121;font-weight: 600; margin-top: 0.12rem;}



.contact-2{ overflow: hidden; margin-top: 0.71rem; margin-bottom: 1.2rem; height:6.8rem ;}

div#map{height: 100%;}

/* 留言表单 */

.bg-f6{background-color: #F5F6F8;}

.message-box{background-color: #ffffff; margin-top: 0.6rem; padding: 0.48rem 1.4rem 0.58rem; margin-bottom: 1.17rem;}



.message-box p{font-size: 0.16rem; line-height: 0.28rem;}



.message-form{margin-top: 0.75rem;}



.message-box  .form-group{ width: 48%; margin-bottom: 0.4rem; position: relative; }

.form-group.required::after{content: '*'; color: red; position: absolute; left: 0.1rem; top: 0.22rem; font-size: 16px;}



.message-box  .form-group:nth-child(odd){margin-right: 3.2%;}



.message-box  .form-control{background-color: #F5F6F7; width: 100%; height: 0.6rem;line-height: 0.5rem; border-radius: 0.04rem; border: 0; padding-left: 0.25rem;}



.form-texttarea{width: 100%  !important; }



.form-texttarea  .form-control{height: 1.98rem ; border: 0;border-radius: 0.04rem;}



.message-box input::-webkit-input-placeholder,.message-box textarea::-webkit-input-placeholder{



	color:#333 !important;



 }



 .message-box input::-moz-placeholder,.message-box textarea::-webkit-input-placeholder{   /* Mozilla Firefox 19+ */



	 color:#333 !important;



 }



 .message-box input:-moz-placeholder,.message-box textarea::-webkit-input-placeholder{    /* Mozilla Firefox 4 to 18 */



	 color:#333 !important;



 }



 .message-box input:-ms-input-placeholder,.message-box textarea::-webkit-input-placeholders{  /* Internet Explorer 10-11 */ 



	 color:#333 !important;



 }



 .submit-btn{width: 3rem;height: 0.6rem;background:#0e7eae ;color: #ffffff; font-size: 0.16rem;border-radius: 0.04rem;}



 @media (max-width: 767px){



	.message-box{padding: 0.2rem;}

	.message-box .form-group{width: 100%;}

	.table>tbody>tr>td:nth-child(1), .table>thead>tr>th:nth-child(1){padding-left: 15px;}

  }

  /* 加入我们 */

  @-moz-document url-prefix() {



    fieldset { display: table-cell; }

  

  }



  .talentsWanted-1{margin-top:0.87rem ;}

  .talentsWanted-1 h4{margin-bottom:0.86rem ;}

  .talentsWanted-h2-mb{margin-bottom: 0.45rem;}

  

  .jobs-list{ background-color: #ffffff; margin-bottom: 0.8rem;}

  

  .talentsWanted-box .table>thead>tr>th{  font-size: 0.18rem;color: #212121;}

  

  .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{height: 0.74rem; line-height: 0.74rem;border-top: 1px solid #E5E5E5;

  }

  

  .table>tbody>tr>td:nth-child(1), .table>thead>tr>th:nth-child(1){padding-left: 0.75rem;}

  

  .table>tbody>tr>td, .table>tbody>tr>th{font-size: 0.16rem; cursor: pointer;color: #212121;}

  

  .add{position: relative;}

  

  .add::before{ content: '';

  

    position: absolute;

  

    right: 10px;

  

    top: 0.36rem;

  

    width: 0.16rem;

  

    border-top: 0.02rem solid #E5E5E5;}

  

    .add::after{

    content: '';

  

    position: absolute;

  

    right: 0.17rem;

  

    top: 0.3rem;

  

    height: 0.16rem;

  

    border-right: 0.02rem solid #E5E5E5;

  

    transition: all .3s;

  

    }

  

  .jobs-content{margin-top: 0.45rem; margin-left: 0.4rem; line-height: 0.45rem; margin-bottom: 0.86rem; margin-right: 1.1rem;}

  .jobs-content h5{font-size: 16px;font-weight: 500;color: #212121;line-height: 22px; margin-bottom: 0.08rem;}

  .jobs-content p{font-size: 0.18rem;font-weight: 400;color: #6B6F78;line-height: 32px; }

  

  .jobs-content * {font-size: inherit; line-height: inherit;}

  

  .tab-contents{display: none;transition: all .3s ease-in-out; }

  

  tr.on+.tab-contents{display: table-row;}

  

  tr.on .add::after{border-right: 0;}

  

  .talentsWanted-table tbody tr.on td{background: #F0F0F0; }

  .talentsWanted-2{  background: url(../images/img.jpg) no-repeat;  background-position: left top; background-size: cover; padding: 0.94rem 0.7rem; }

 .talentsWanted-2 h4{font-size: 0.3rem;line-height: 0.42rem;font-weight: 500;color: #ffffff; margin-bottom: 0.5rem;}

 .talentsWanted-2 p{font-size: 0.18rem;font-weight: 400;line-height: 0.32rem;color: #ffffff;  max-width: 60%;}

 .talentsWanted-3{display: flex; margin-top: 0.8rem;  margin-bottom: 1rem;}

 .talentsWanted-3 .talentsWanted-3-item:not(:last-child){margin-right: 1.75rem;}

 .talentsWanted-3 .talentsWanted-3-item p{font-size: 0.18rem;line-height: 0.25rem;}

 .talentsWanted-3 .talentsWanted-3-item p:nth-child(1){font-weight: 500;color: #8C9199;}

 .talentsWanted-3 .talentsWanted-3-item p:nth-child(2){font-weight: 600;color: #212121; margin-top: 0.12rem;}

/* 影音中心 */

.audio-items{height:auto !important ;cursor: pointer;}

.audio-item{background: none !important; display: block !important;}

.audio-img-box{width: 100%;  height: 3.82rem; overflow: hidden; position: relative;}

.audio-img-play{position: absolute; left: 50%; top: 50%; width: 0.8rem !important; height: 0.8rem !important; margin-top: -0.4rem; margin-left: -0.4rem;}
.audio-img-play .circle-play{object-fit: cover; width: 100%; height: 100%;animation: myrotate 1s linear infinite;}
.audio-img-play .icon-play{position: absolute; left: 50%; top: 50%;width: 0.26rem !important;  margin-top: -0.12rem; margin-left: -0.13rem; }

/* .audio-img-box img{object-fit: cover; width: 100%; height: 100%;} */

.audio-item p{margin: 0.24rem 0;font-size:0.22rem;font-weight: 400;color: #333333;line-height: 0.3rem; height: 0.3rem; overflow: hidden;}

/* 产品中心  智慧用电大数据平台*/

.product-container{background: #ffffff; padding: 0.5rem 0.7rem; margin-top: 0.48rem; margin-bottom: 1.2rem;}

.product-content-h4{font-size: 0.28rem;font-weight: 500;color: #212121;line-height: 0.54rem;text-align: center}

.product-content img{margin: auto;}

.product-content-img{display: flex; flex-wrap: wrap; justify-content: space-between; }

.product-content-img img{  width: 47%;  margin-bottom: 0.43rem;}

/* 产品中心2-1  智慧管理平台 - 智慧管理平台展示*/

.borbottom-e6{ border-bottom: 0.02rem solid #e6e6e6;padding-bottom: 0.72rem; margin-bottom: 0.8rem;}

.product-content-section1{ padding-top: 0.0rem;}

.product-content-section1 p{font-size: 0.18rem;font-weight: 400;color: #32425C;line-height: 0.3rem;}

.product2-list{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}

.product2-list-item{padding: 0.36rem 0.4rem; width: 31.8%; border: 1px solid #E5E5E5; margin-bottom: 0.3rem; transition: all .3s ease;}

.product2-list-item-title{display: flex;justify-content: space-between; align-items: center;}

.product2-title-left{flex: 1;}

.product2-list-item-title .product2-title-left h3{font-size: 0.32rem;font-weight: 400;color: #212121;line-height: 0.45rem;transition: all .3s ease; margin-bottom: 0.02rem;}

.product2-list-item-title .product2-title-left p{font-size: 0.16rem;font-weight: 400;color: #D4D8DE;line-height: 0.22rem;transition: all .3s ease;}

.product2-list-item-title .product2-title-right span{font-size:0.8rem;font-weight: 500;color: #EEEFF2;line-height: 0.97rem;font-family: "DIN";transition: all .3s ease;}

.product2-list-item-content{margin-top: 0.26rem;font-size: 0.18rem;font-weight: 400;color: #32425C;line-height: 0.32rem;transition: all .3s ease;}

.product2-list-item:hover{background: #0e7eae;}

.product2-list-item:hover .product2-list-item-title .product2-title-left h3,.product2-list-item:hover .product2-list-item-title .product2-title-right span,.product2-list-item:hover .product2-list-item-content,.product2-list-item:hover .product2-list-item-content p{color: #ffffff;}

.product2-list-item:hover .product2-list-item-title .product2-title-left p{color: #94B5FF;}

/* 产品中心2-2  智慧管理平台 - APP功能展示 */

.product-content-section3{display: flex; flex-wrap: wrap;  justify-content: space-between;}

.product-content-section3 img{width: 28%; margin-bottom: 0.8rem;}

/* 产品中心3  */

.product3-item{background:#F5F6F8 ; padding: 0.3rem;}

.product3-item-img{height: 3.8rem; }

.product3-item-img img{object-fit: contain !important; height: 100%;}

/* 产品中心详情页 */
.product-full-img{padding:0.0rem 0 !important;}
.product-full-img img{width: 100% !important;}


.product-one{ z-index: 50; top: 18%; position: absolute;}

.prodel-left{width: 35%;background: #F5F6F8 ; padding: 0.4rem; height: 5.2rem !important;}

.prodel-left img{object-fit: contain !important; height: 100%; margin: auto;}

.prodel-title{display: flex; justify-content: space-between;align-items: center; }

.prodel-title .prodel-title-left{flex: 1; color: #ffffff;}

.prodel-title .prodel-title-left a{color: #ffffff;font-size: 0.15rem;line-height: 0.21rem;}

.back-btn{color: #32425C;

  font-size: 0.16rem;

  padding: 0.15rem 0.37rem 0.15rem 0.6rem;

  background: #ffffff url(../images/icon-back.png);

  background-repeat: no-repeat;

  background-position: 0.34rem center;

  background-size: 0.2rem;

  border-radius: 0.5rem;

  margin-top: 0.1rem;

  position: relative;

  transition: all .3s;

  right: 0;

  top: 0.05rem;}

  .back-btn:hover{background: #ffffff url(../images/icon-back.png);

    background-repeat: no-repeat;

    background-position: 0.34rem center;color: #32425C;

    background-size: 0.2rem; right: 15px;}

    .product-two{margin-top: 3rem; background: #ffffff; padding: 0.5rem 0.7rem;}

  .product-case-slide1{margin-top: 0.8rem;}

/* 应用案例 */

.case-item{padding: 0; background: none;}

.case-item-img{ height: 3.2rem; padding: 0;}

.case-item-img img{object-fit: cover !important; height: 100%;}

.case-item-txt{display: flex; justify-content: space-between;align-items: center; padding-right: 0.1rem;padding-left: 0.1rem;background-color: #fff;}

.case-item-txt p{padding: 0.25rem 0.3rem 0.25rem 0; flex: 1; text-align: left; font-size:0.18rem;font-weight: 400;color: #333333;line-height: 0.25rem;}

.case-pages{ margin-bottom: 1.2rem;}

.product-case{margin-bottom: 1.2rem;}

.product-case-swiper-container{padding-bottom: 1rem; }

/* 应用案例详情 */

.case-del-section1{margin-top: 0.4rem; margin-bottom: 0.4rem; background: #ffffff; padding: 0.72rem 0.7rem 0.8rem; display: flex; justify-content: center; }

.case-del-section1 .case-del-section1-left { height: 4rem;}

.case-del-section1 .case-del-section1-left img { height: 100%; object-fit: cover;}

.case-del-section1 .case-del-section1-right{ flex: 1;  padding-left: 0.7rem;}

.case-del-section1-right h4{margin-top: 0.33rem; padding-bottom: 0.4rem; margin-bottom: 0.4rem; border-bottom: 0.02rem solid #e6e6e6;}

.case-del-section1-right p{font-size: 0.18rem;font-weight: 400;color: #32425C;line-height: 0.36rem; }

.case-del-section2{background: #ffffff; padding:0.5rem 0.7rem; margin-bottom: 1.2rem;}

.product-content-section1 img{margin-top: 0rem;}

/* 解决方案1  通用解决方案*/

.solution-section2,.solution-section3,.solution2-content{display: flex; flex-wrap: wrap; justify-content: space-between;}

.solution-section2-item{width: 23%;}

.solution-section2-item .solution-section2-item-img{height: 4.28rem; overflow: hidden; }

.solution-section2-item .solution-section2-item-img img{ object-fit: cover; height: 100%; width: 100%; margin-top: 0;}

.solution-section2-item  h5,.solution-section3-item h5{font-size: 0.24rem;font-weight: 500;color: #212121;line-height: 0.33rem; margin-top: 0.16rem;}

.solution-section2-item  p,.solution-section3-item p{font-size: 0.0.18rem;font-weight: 400;color: #32425C;line-height: 0.3rem; margin-top: 0.13rem;}

.solution-section3-item{width: 31%; text-align: center;}

.solution-section3-item img{width: 1.29rem;}

.solution1-h3{margin-top: 0.3rem !important;}

/* 解决方案2  智慧用电行业解决方案*/

.solution2-bg{background: #F9F9F9;}

.solution2-container{margin-top: 0.7rem; margin-bottom: 0.7rem;}

.solution2-item{width: 47.8%;  height: 4.44rem; position: relative; margin-bottom: 0.7rem; overflow: hidden;}

.solution2-item::before{content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/mask.png) no-repeat; background-size: 100% 100%; transition: all .6s ease;}

.solution2-item img{width: 100%; height: 100%; object-fit: cover;}

.solution2-txt{position: absolute; left:0.6rem; right:0.6rem; bottom: 0.5rem;}

.solution2-txt p{color: #ffffff;font-size: 0.32rem;font-weight: 400;line-height: 0.45rem; margin-bottom: 0.32rem;}

.solution2-btn-bg{background: #ffffff;}

.solution2-item:hover::before{top: 100%;}

/* 应用案例 轮播*/

.product-case-slide{margin-top: -0.6rem;}

.product-case{margin-top: 0.4rem;}

.swiper-slide-img {

  height: 3.17rem;

  overflow: hidden;

}

.swiper-slide-img img {

  object-fit: cover;

  width: 100%;

  height: 100%;

}

@media (max-width: 780px){

  .content-title{margin-bottom: 0.54rem;}

  .tab-title{flex-wrap: wrap; margin-top: 0.3rem;}

  .tab-title a{width: 50%; margin-bottom: 0.3rem;margin-left: 0;}

  .content-title{display: block;}

  .dataCenter-content-list{display: none;}

  .dataCenter-content-list.active{ display: block;}

  .dataCenter-content-list .dataCenter-content-items,.dataCenter-content-list .dataCenter-content-item{width: 100%;}

  .dataCenter-content-list .dataCenter-content-items:nth-child(even)  .dataCenter-content-item{ margin-left:0%;}

  .form-box{padding: 0.3rem 0.2rem;}

  .form-box .form-inline .form-group{ width: 100%;display: flex; }

  .form-box .form-inline .form-group:nth-child(odd){margin-right: 0;}



  .FrequentlyAskedQuestion-content{padding: 0;}

  .FrequentlyAskedQuestion-content-box{padding: 0.28rem 0.3rem 0.56rem 0.6rem;}

  .brand-p-width,.teams-p-width{max-width: 96%;}

  .brand-img-item{height: 3.8rem;}

  .brand-txt h3{margin-top: 0.8rem;}

  .brand-txt p{max-width: 80%;}

  .contact-list{margin-bottom: 0.3rem;}

  .table>tbody>tr>td:nth-child(1), .table>thead>tr>th:nth-child(1){padding-left: 15px;}

  .jobs-content { margin-right: 0.5rem;}

  .content-title-h4{font-size: 0.32rem;}

  .contact-txt h3{font-size: 0.4rem;}

  .contact-txt span{font-size: 0.24rem;}

  .talentsWanted-1{margin-top: 0.5rem;}

  .talentsWanted-1 h4{margin-bottom: 0.5rem;}

  .add::after{right: 0.19rem;}

  .talentsWanted-2{  padding: 0.5rem 0.35rem; }

  .talentsWanted-2 p{max-width: 100%;}

  .talentsWanted-3{display: block; margin-bottom: 0rem;}

  .talentsWanted-3-item{margin-bottom: 0.3rem;}

  .talentsWanted-3-item p{color: #ffffff !important;}

  .talentsWanted-2{margin-bottom: 0.5rem;}

  .news-section1-right{padding: 0.3rem;}

  .news-slide-txt{margin-bottom: 0.5rem;}

  .news-section1-right{height: 3.5rem;}

  .audio-img-box{height: 2.8rem;}

  .product-container{padding: 0.2rem;}

  .product2-list-item,.prodel-left{width: 100%;}

  .case-del-section1{flex-wrap: wrap;padding: 0.2rem;}

  .case-del-section2{padding: 0.2rem;}

  .case-del-section1 .case-del-section1-right{padding-left: 0;}

  .product-contents{padding-left: 0;}

  .product-two{margin-top: 6.8rem; padding: 0.2rem;}

  .solution-section2-item{width: 100%; margin-bottom: 0.3rem;}

  .solution-section2-item .solution-section2-item-img{height: 3.28rem;}

 /* .teams-slide:nth-child(even){ margin-top: 0;}*/

  .history #gallery-top .history-content-right h2{margin-bottom: 0.3rem;}

  .history-bar{margin-top: 0.5rem; margin-bottom: 0.9rem; }

  .history-bar .swiper-button-prev{left: 20%; top: 120%;}

  .history-bar .swiper-button-next{right: 20%; top: 120%;}

  #gallery-top .history-content-right h2{font-size: 0.8rem;}

  .honour-top-right{padding-left: 0.3rem;padding-top: 0.2rem;}

  .honour-top-right h5{margin-bottom: 0.5rem;line-height: 0.5rem; font-size:0.25rem ;}

  .honour-top{padding: 0.2rem 0.7rem 0.5rem;}

  .honour-top-left{height: 3rem;}

  .solution2-item{width: 100%;}

  .weui-media-box_appmsg{align-items: flex-end;}

  .weui-media-box_appmsg .weui-media-box__bd{padding-bottom: 0.2rem;}

  .intellectualProperty-top{padding: 0.2rem;}

  .hotline-section2-list{justify-content: flex-start;margin-bottom: 0.5rem; padding-left: 0.5rem;}

  .hotline-list-item{ margin-bottom: 0.3rem;}

  #gallery-top .history-content-right p{line-height: 0.32rem;}

  .history-title{padding-top: 0.5rem;padding-bottom: 0.5rem;}

  .dataCenter-content-list .FrequentlyAskedQuestion-content-items .dataCenter-content-item img.item-img1{margin-left: 0.2rem;margin-right: 0.2rem;}

  .question-a{left: 0.2rem;}

  .borbottom-e6{margin-bottom: 0.5rem;}

  /* .about-section2{display: block;}

  .about-section3{top: 256vh;}

  .about-section2-right{padding-left: 0; padding-top: 0.5rem;}

  .about-section2-right h4{font-size: 0.28rem;} */

  .about-banner{position: relative; min-height: auto;}

  .about-section2-bg,.about-section3,.about-section4,.about-section5{position: relative; top: 0;min-height: auto; height: auto;}

  .about-section2{display: block;}

  .about-section2 img{margin: auto;}

  .about-section2-right{padding-left: 0; padding-top: 0.5rem;}

  .about-section3-left{width: 100%; padding-left: 8%; height: auto; position: relative;}

  .about-section3-right{display: none;}

  .about-section3-left h4,.about-section3-left p{width: 100%;}

  .about-section4{padding-top: 0.5rem;}

  .about-section4-num{flex-wrap: wrap;}

  .about-section4-num .about-section4-num-item{flex: unset; width: 50%; margin-bottom: 0.3rem;}

  .about-section4-video{margin-top: 0.6rem;height: 4.8rem;}

  /* .about-section5{display: none;} */

  .footer-about{position: relative; height: auto;}

}



/* 搜索 */

.searchbox{position: fixed;height: .8rem;background: #fff;top: 0;left: 0;right: 0;padding: 0 17.7%;transform: translateY(-100%);transition: all .5s ease}

.searchleft img{width: .2rem;}

.searchleft input{flex: 1;font-size: .18rem;color: #333;padding: 0 .45rem}

.searchleft input::placeholder{color: #666}

.searchleft .btn1{font-size: .2rem;color: #666;text-transform: uppercase;font-family:"DIN";background: none;padding: 0;transition: all .3s ease}

.searchleft{display: flex;align-items: center;height: .6rem;border-bottom: 1px solid #d7d7d7}

.search-close{width:.22rem;margin-left: 9.8vw;cursor: pointer;transition: all .3s ease}

.searchbox.on{transform: translateY(0);}



.searchcon .box1{max-width: 8.6rem;margin: 0 auto;}

.searchcon{padding: 1rem 0;background:#f3f3f3}

.search-top{max-width: 4.8rem;margin: 0 auto;display: flex;margin-bottom: .3rem}

.search-top input{font-size: .16rem;color: rgb(51, 51, 51);height: .48rem;flex: 1;border: 1px solid #333;border-right: 0;padding: 0 .18rem}

.search-top #searchkey{width: 1rem;background: #333;padding: 0;height: .48rem}

.search-top #searchkey img{margin: 0 auto;width: .2rem}

.searchcon .result{font-size: .15rem;color: rgb(51, 51, 51);text-align: center;margin-bottom: .65rem}

.searchcon .item{display: flex;align-items: center;padding: .1rem 0;border-bottom: 1px solid #333}

.searchcon .item .title{font-size: .14rem;line-height:20px;padding-left: 2px;padding-right: .16rem;border-right: 1px solid #dadada}

.searchcon .item .content{flex: 1;font-size: .16rem;color: rgb(51, 51, 51);padding: 0 .15rem}.searchcon .item .content span{color:#1f4fa5 }

.pro-con1{padding: 0 !important;}
.pro-con1 .product-content img {
  width: 100% !important;
}


.gszz{
  display: flex;
  margin: 0 auto;
  justify-content: space-around;
  text-align: center;

}
.gszz img{
  width: 35%;
  margin-bottom: 0.35rem;

}
.gszzimg{
  display: flex;
  margin: 0 auto;
  justify-content: space-around;
  text-align: center;


}
.gszzimg img{
  width: 100%;
  margin-bottom: 0.35rem;


}
.sb-q:hover span{
  color: #0e7eae;
}
.sb-qimg{
  width: 100%;
  /*height: 3rem;*/
  overflow: hidden;
}
.sb-qimg1{
  width: 95%;
  height: 2.6rem;
  overflow: hidden;
}

.sb-q:hover img{transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transform:scale(1.2,1.2);}
.sb-q{

  /*background-color: #333;*/
  margin-bottom: 0.5rem;
  
}
.hei04{
  margin-bottom: 0.4rem
}
.gszz p{
  margin-top: 0.3rem;
/*  font-size:0.2rem;*/
  margin-bottom: 0.5rem

}
.gszz-p{     margin: 0 13.664%;
  /*line-height: 0.8rem;*/
  font-size: 0.2rem;
 /* margin-bottom: 0.3rem*/
  } 
  .gszz-pp{     margin: 0 13.664%;
  line-height: 0.3rem;
  font-size: 0.15rem;
 /* margin-bottom: 0.3rem*/
  } 
.gszz1{
padding: 0.2rem;
}
.col-sm-4 img:hover{
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transform:scale(1.2,1.2);
}
.gszz2{
  padding-top: 0.85rem;font-size: 0.4rem;font-weight: 500;line-height: 0.56rem; text-align: center; max-width: 80%; margin: auto;color: #333;
}
.section4-more a.more-btn1{color: #fff;/*background-color:#F2F3F4 ;*/font-size: 0.16rem;border:1px solid #fff}

.section4-more a.more-btn1:hover{background-color: #2C51A5; color: #ffffff;}
a.more-btn1{ font-weight: 400; padding:0  0.41rem; height: 0.56rem;   line-height: 0.54rem;    display: inline-flex; align-items: center; transition: all .6s ease;}
.gszz-text{
  text-align: center;
  color: #333;
  padding-top: 0.3rem;
  font-size: 0.2rem;
}

@media (max-width: 780px){
  .gszz1 img{
    width: 100%;
  }
  .gszz1{
padding: 0.2rem;
}
.gszz{
  width: 100%;
  display: inline;

}
.footer-code div:nth-child(1) {
    margin-right: 0rem;
}
@media (max-width: 780px){
  .section5-left {
    display: flex;
  }
  .section5-left div {
    width: 33%
  }
  .section5{ /*background: url(../picture/img777.jpg);*/background-size:100% 100%; }
}

}

.about-section4-numryzz{display: flex; justify-content:space-between; align-items: center; margin-top: 0.8rem;margin-bottom: 0.8rem}
.ryzz1{width: 18%;}
.ryzz1 img{width: 100%}


.cpbox{display: flex;justify-content:space-between;margin-top: 0.5rem}
.cpbox img {width: 48%}

.fy{margin-bottom: 0.8rem;margin-top: 0.3rem;text-align: center;}
.fy a{font-size: 14px;padding: 10px 20px;background: #eee;border-radius:5px;margin:0.1rem }
.fy a:hover{background-color: #0e7eae;color: #fff}

.map{width:100%;height:600px;position: relative;overflow: hidden;}
.map:before{content: '';position: absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.05);z-index:2;transition: all 0.5s;}
.map:hover:before{top:100%;}
.map #dituContent{height:100%;}
.gszzsj{display:none}
@media (max-width: 900px){

 .fy{display:none}
.gszz2{padding-top:0.5rem;}
.gszz p{font-size: 0.2rem;line-height: 0.4rem;padding: 0 10px;}
.gszz{display:none}
.gszzsj{display: inline;width: 100%;}
.gszzsj1{width: 50%;float: left;margin: 0 auto;text-align: center;}
.gszzsj1 img{width: 50%;margin-left: 25%}
.section-sub-title1{margin-bottom: 0.5rem;}
.gszzimg{display:none}
.banner-box{
  height: 2.8rem
}
.contact-txt{top:1.5rem;}
.contact-txt h3{line-height: 0.4rem}

}